* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  html ,
  body {
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
  }

  .msige {
    width: 100%;
    height:36px;
    margin: 0 auto;
  /* border: 1px solid #ccc; */
  }

  .msige p {
    width:60px;
    float: left;
    /* border: 1px solid #ccc; */
  } 
  .even_more {
    display: inline-block;
    text-align: center;
    padding-left: 62%;
    padding-top: 10px;
    font-size: 12px;
    color: #ccc;
  }
  .To_match {
    width: 100%;
    height: 26px;
    margin-top: 10px;
    /* border: 1px solid #ccc; */
  
  }
  .To_match p {
    float: left;
    display: inline-block;
  }
   .country {
     width: 20%;
     height: 26px;
     margin-left: 2%;
   }
   .country img {
    width: 20%;
    height: 26px;
    display: inline-block;
   }
    .number1 {
      width: 18px;
      height: 14px;
      font-size: 12px;
      /* border: 0.5px solid red; */
      margin-top: 5px;
      margin-left:2%;
      display: inline-block;
    }
    .living_broadcast {
      width:45px;
      height: 17px;
      color: #E10019;
      border: 0.5px solid #E10019;
      font-size: 12px;
      text-align: center;
      border-radius: 3px;
      margin-top: 5px;
      /* margin-left: 3px; */
      display: inline-block;
    }
     .number2 {
      width: 18px;
      height: 12px;
      font-size: 12px;
      margin-top: 5px;
      display: inline-block;
      margin-left: 2%;
     }

     .country2 {
      width: 20%;
      height: 26px;
      /* margin-left: 5%; */
      /* border: 1px solid #ccc; */
    
     }
     .country2 img {
      width: 20%;
      height: 26px;
      
     }
   .thread {
     width: 1px;
    height: 101px;
    display: inline-block;
    background-color: #ccc;
    margin-top: 15px;
    /* margin-left: 2%; */
   }
  .main_string {
    font-weight:800;
    color: #228FFF;
    display: inline-block;
    padding-top: 5px;
  }

  .saishi {
    padding-left: 5px;
    text-align: center;
    font-size: 16px;
  }
  .Competition {
    margin-left: 15px;
  }

  .msige1 {
    width: 100%;
    height: 130px;
    margin: 0 auto;
    /* padding-top: 108px; */
   /* border: 1px solid #ccc; */

  }
  .swiper-slide{
  width: 100%;
  height: 110px;
  /**/
  }
  .swiper-slide div {
   display: inline-block;
  float: left;
  }
  .page_lfet {
    width: 49.5%;
    height: 100%;
    margin-left: 1px;
    /**/
  }
  .page_middle {
    width: 1px;
    height:100%;
    border: 0.5px solid #F1F1F1;
   
  }
    .page_right {
      width: 49.5%;
      height: 100%;
      /**/
    }
    .today {
      width: 80px;
      height: 21px;
      /* border: 1px solid #ccc; */
      margin: 0 auto;
      border-radius: 8px;
      margin-top: -3px;
      background-color: #EAEAEA;

    }
    .today span {
      font-size: 12px;
      padding-left: 10%;
    }
   .The_game_name {
     width: 40px;
     height:14px;
     font-size: 12px;
     margin-left: 5%;
     margin-top: 10px;
     /* border: 1px solid #ccc; */
   }
   .The_game_name span {
     color: #999999;
     padding-left:5%; 
   }
  .national_team {
    width: 100%;
    height: 30px;
    margin-top: 10px;
    /* border: 1px solid #ccc; */
  }
  .National_player {
    width: 90%;
    height: 100%;
   margin-left:5%;
    /**/
    
  }
  .National_player p {
    float: left;
  }
   .img_lfet {
     width: 25%;
     height: 100%;
    
   }
   .img_lfet img {
    width: 100%;
    height: 100%;
   }
    .number_lfet {
      width: 10%;
     text-align: center;
      font-size: 12px;
      margin-top: 5px;
     /* padding-left: 3px; */
     /* border: 1px solid red; */
     
    }
   .n_live_streaming {
     width: 30%;
     height: 18px;
     font-size: 12px;
     text-align: center;
     color: #E10019;
     margin-top: 5px;
     border-radius: 3px;
     border: 0.5px solid red;
   }
   
  .number_right {
    width: 10%;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
    
  }

.img_right {
  width: 25%;
  height: 100%;
  /**/
}
.img_right img {
  width: 100%;
  height: 100%;
}
.monicker {
  width: 100%;
  height: 14px;
  /**/
  margin-top: 10px;
  margin-left: 5%;
}
.monicker p {
  float: left;
  height: 14px;
  /**/
  font-size: 12px;
}

.national_team1 {
  width: 30%;
  height: 100%;
  color: #1E1E1E;
  /* padding-left: 5%; */
  
}

.vacancy {
  width: 40%;
  height: 100%;
  /**/
}
.national_team2 {
  width: 30%;
  height: 100%;
  color: #1E1E1E;
}


   /*包裹自定义分页器的div的位置等CSS样式*/ 
   .swiper-pagination-custom { 
   width: 100%; 
   height: 20px;
   /**/
   } 

   /*自定义分页器的样式，这个你自己想要什么样子自己写*/ 
   .swiper-pagination-customs { 
   width: 8px; 
   height: 8px; 
   border-radius: 50%;      
   -moz-border-radius: 50%;      
   -webkit-border-radius: 50%;
   display: inline-block; 
   background: #000000; 
   opacity: .3; 
   margin: 0 5px; 

   } 
   /*自定义分页器激活时的样式表现*/ 
   .swiper-pagination-customs-active { 
   opacity: 1;
   background-color:#228FFF; 
  
   } 
       